<template>
  <div class="header">
      <div class="title">
        <mu-appbar title="Title">
            <mu-button icon slot="left" @click="goback">
                <mu-icon value="chevron_left"></mu-icon>
            </mu-button>
            <div class="center">
            </div>
            <mu-button icon slot="right">
                <mu-icon value="expand_more"></mu-icon>
            </mu-button>
        </mu-appbar>
        </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },

  computed: {},

  mounted() {},

  methods: {
    goback() {
      this.$router.goBack();
      this.$store.commit("setTab", true);
    }
  }
};
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
.header {
  height: 56px;
}

.title {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;

  .center {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
    font-weight: 400;
    line-height: 56px;
    text-align: center;
  }
}

.chat-inner {
  position: absolute;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  top: 56px;
  bottom: 80px;
}
</style>
